<!DOCTYPE html>
<!-- saved from url=(0091)http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask -->
<html style="min-height: 638px;">
<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>一体化教学管理平台</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="shortcut icon" href="http://110.88.128.142:8081/img/favicon.ico">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

	<link href="./03-1-1我的任务-团队作业_files/site.completed.min.css" rel="stylesheet">
	<link href="./03-1-1我的任务-团队作业_files/bootstrap-datetimepicker.css" rel="stylesheet">
	<link href="./03-1-1我的任务-团队作业_files/toastr.min.css" rel="stylesheet">
	<link href="./03-1-1我的任务-团队作业_files/select2.min.css" rel="stylesheet">
	<link href="./03-1-1我的任务-团队作业_files/cbvm.app.css" rel="stylesheet">
	<link type="text/css" href="03-1-1我的任务-团队作业.css" rel="stylesheet">
	<!--end page level css-->
	<!-- global js -->
	<script src="./03-1-1我的任务-团队作业_files/site.completed.min.js.下载"></script>
	<style type="text/css">
		.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
		}

		.jp-card.jp-card-ie-10.jp-card-flipped,
		.jp-card.jp-card-ie-11.jp-card-flipped {
			-webkit-transform: 0deg;
			-moz-transform: 0deg;
			-ms-transform: 0deg;
			-o-transform: 0deg;
			transform: 0deg;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
			left: 18%;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
			left: 5%;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
			left: 84%;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
			left: -480%;
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
		.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
			display: none;
		}

		.jp-card-logo {
			height: 36px;
			width: 60px;
			font-style: italic;
		}

		.jp-card-logo,
		.jp-card-logo:before,
		.jp-card-logo:after {
			box-sizing: border-box;
		}

		.jp-card-logo.jp-card-amex {
			text-transform: uppercase;
			font-size: 4px;
			font-weight: bold;
			color: white;
			background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
			background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
			border: 1px solid #EEE;
		}

		.jp-card-logo.jp-card-amex:before,
		.jp-card-logo.jp-card-amex:after {
			width: 28px;
			display: block;
			position: absolute;
			left: 16px;
		}

		.jp-card-logo.jp-card-amex:before {
			height: 28px;
			content: "american";
			top: 3px;
			text-align: left;
			padding-left: 2px;
			padding-top: 11px;
			background: #267AC3;
		}

		.jp-card-logo.jp-card-amex:after {
			content: "express";
			bottom: 11px;
			text-align: right;
			padding-right: 2px;
		}

		.jp-card.jp-card-amex.jp-card-flipped {
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
			background-color: #108168;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
			opacity: 1;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
			visibility: visible;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
			opacity: 1;
		}

		.jp-card-logo.jp-card-discover {
			background: #FF6600;
			color: #111;
			text-transform: uppercase;
			font-style: normal;
			font-weight: bold;
			font-size: 10px;
			text-align: center;
			overflow: hidden;
			z-index: 1;
			padding-top: 9px;
			letter-spacing: .03em;
			border: 1px solid #EEE;
		}

		.jp-card-logo.jp-card-discover:before,
		.jp-card-logo.jp-card-discover:after {
			content: " ";
			display: block;
			position: absolute;
		}

		.jp-card-logo.jp-card-discover:before {
			background: white;
			width: 200px;
			height: 200px;
			border-radius: 200px;
			bottom: -5%;
			right: -80%;
			z-index: -1;
		}

		.jp-card-logo.jp-card-discover:after {
			width: 8px;
			height: 8px;
			border-radius: 4px;
			top: 10px;
			left: 27px;
			background-color: #FF6600;
			background-image: -webkit-radial-gradient(#FF6600, #fff);
			background-image: radial-gradient( #FF6600, #fff);
			content: "network";
			font-size: 4px;
			line-height: 24px;
			text-indent: -7px;
		}

		.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
			right: 12%;
			top: 18%;
		}

		.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
			background-color: #86B8CF;
		}

		.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
			opacity: 1;
		}

		.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
			-webkit-transition: 400ms;
			-moz-transition: 400ms;
			transition: 400ms;
			content: " ";
			display: block;
			background-color: #FF6600;
			background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
			background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
			height: 50px;
			width: 50px;
			border-radius: 25px;
			position: absolute;
			left: 100%;
			top: 15%;
			margin-left: -25px;
			box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
		}

		.jp-card-logo.jp-card-visa {
			background: white;
			text-transform: uppercase;
			color: #1A1876;
			text-align: center;
			font-weight: bold;
			font-size: 15px;
			line-height: 18px;
		}

		.jp-card-logo.jp-card-visa:before,
		.jp-card-logo.jp-card-visa:after {
			content: " ";
			display: block;
			width: 100%;
			height: 25%;
		}

		.jp-card-logo.jp-card-visa:before {
			background: #1A1876;
		}

		.jp-card-logo.jp-card-visa:after {
			background: #E79800;
		}

		.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
			background-color: #191278;
		}

		.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
			opacity: 1;
		}

		.jp-card-logo.jp-card-mastercard {
			color: white;
			font-weight: bold;
			text-align: center;
			font-size: 9px;
			line-height: 36px;
			z-index: 1;
			text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
		}

		.jp-card-logo.jp-card-mastercard:before,
		.jp-card-logo.jp-card-mastercard:after {
			content: " ";
			display: block;
			width: 36px;
			top: 0;
			position: absolute;
			height: 36px;
			border-radius: 18px;
		}

		.jp-card-logo.jp-card-mastercard:before {
			left: 0;
			background: #FF0000;
			z-index: -1;
		}

		.jp-card-logo.jp-card-mastercard:after {
			right: 0;
			background: #FFAB00;
			z-index: -2;
		}

		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,
		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
			box-shadow: none;
		}

		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
			background-color: #0061A8;
		}

		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
			opacity: 1;
		}

		.jp-card-logo.jp-card-maestro {
			color: white;
			font-weight: bold;
			text-align: center;
			font-size: 14px;
			line-height: 36px;
			z-index: 1;
			text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
		}

		.jp-card-logo.jp-card-maestro:before,
		.jp-card-logo.jp-card-maestro:after {
			content: " ";
			display: block;
			width: 36px;
			top: 0;
			position: absolute;
			height: 36px;
			border-radius: 18px;
		}

		.jp-card-logo.jp-card-maestro:before {
			left: 0;
			background: #0064CB;
			z-index: -1;
		}

		.jp-card-logo.jp-card-maestro:after {
			right: 0;
			background: #CC0000;
			z-index: -2;
		}

		.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
		.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
			box-shadow: none;
		}

		.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
			background-color: #0B2C5F;
		}

		.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
			opacity: 1;
		}

		.jp-card-logo.jp-card-dankort {
			width: 60px;
			height: 36px;
			padding: 3px;
			border-radius: 8px;
			border: #000000 1px solid;
			background-color: #FFFFFF;
		}

		.jp-card-logo.jp-card-dankort .dk {
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.jp-card-logo.jp-card-dankort .dk:before {
			background-color: #ED1C24;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
			border-radius: 6px;
		}

		.jp-card-logo.jp-card-dankort .dk:after {
			content: '';
			position: absolute;
			top: 50%;
			margin-top: -7.7px;
			right: 0;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7px 7px 10px 0;
			border-color: transparent #ED1C24 transparent transparent;
			z-index: 1;
		}

		.jp-card-logo.jp-card-dankort .d,
		.jp-card-logo.jp-card-dankort .k {
			position: absolute;
			top: 50%;
			width: 50%;
			display: block;
			height: 15.4px;
			margin-top: -7.7px;
			background: white;
		}

		.jp-card-logo.jp-card-dankort .d {
			left: 0;
			border-radius: 0 8px 10px 0;
		}

		.jp-card-logo.jp-card-dankort .d:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			background: #ED1C24;
			border-radius: 2px 4px 6px 0px;
			height: 5px;
			width: 7px;
			margin: -3px 0 0 -4px;
		}

		.jp-card-logo.jp-card-dankort .k {
			right: 0;
		}

		.jp-card-logo.jp-card-dankort .k:before,
		.jp-card-logo.jp-card-dankort .k:after {
			content: '';
			position: absolute;
			right: 50%;
			width: 0;
			height: 0;
			border-style: solid;
			margin-right: -1px;
		}

		.jp-card-logo.jp-card-dankort .k:before {
			top: 0;
			border-width: 8px 5px 0 0;
			border-color: #ED1C24 transparent transparent transparent;
		}

		.jp-card-logo.jp-card-dankort .k:after {
			bottom: 0;
			border-width: 0 5px 8px 0;
			border-color: transparent transparent #ED1C24 transparent;
		}

		.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
			background-color: #0055C7;
		}

		.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
			opacity: 1;
		}

		.jp-card-logo.jp-card-elo {
			height: 50px;
			width: 50px;
			border-radius: 100%;
			background: black;
			color: white;
			text-align: center;
			text-transform: lowercase;
			font-size: 21px;
			font-style: normal;
			letter-spacing: 1px;
			font-weight: bold;
			padding-top: 13px;
		}

		.jp-card-logo.jp-card-elo .e,
		.jp-card-logo.jp-card-elo .l,
		.jp-card-logo.jp-card-elo .o {
			display: inline-block;
			position: relative;
		}

		.jp-card-logo.jp-card-elo .e {
			-webkit-transform: rotate(-15deg);
			-moz-transform: rotate(-15deg);
			-ms-transform: rotate(-15deg);
			-o-transform: rotate(-15deg);
			transform: rotate(-15deg);
		}

		.jp-card-logo.jp-card-elo .o {
			position: relative;
			display: inline-block;
			width: 12px;
			height: 12px;
			right: 0;
			top: 7px;
			border-radius: 100%;
			background-image: -webkit-linear-gradient( yellow 50%, red 50%);
			background-image: linear-gradient( yellow 50%, red 50%);
			-webkit-transform: rotate(40deg);
			-moz-transform: rotate(40deg);
			-ms-transform: rotate(40deg);
			-o-transform: rotate(40deg);
			transform: rotate(40deg);
			text-indent: -9999px;
		}

		.jp-card-logo.jp-card-elo .o:before {
			content: "";
			position: absolute;
			width: 49%;
			height: 49%;
			background: black;
			border-radius: 100%;
			text-indent: -99999px;
			top: 25%;
			left: 25%;
		}

		.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
			background-color: #6F6969;
		}

		.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
			opacity: 1;
		}

		.jp-card-container {
			-webkit-perspective: 1000px;
			-moz-perspective: 1000px;
			perspective: 1000px;
			width: 350px;
			max-width: 100%;
			height: 200px;
			margin: auto;
			z-index: 1;
			position: relative;
		}

		.jp-card {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			line-height: 1;
			position: relative;
			width: 100%;
			height: 100%;
			min-width: 315px;
			border-radius: 10px;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			-webkit-transition: all 400ms linear;
			-moz-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		.jp-card>*,
		.jp-card>*:before,
		.jp-card>*:after {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			font-family: inherit;
		}

		.jp-card.jp-card-flipped {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.jp-card .jp-card-front,
		.jp-card .jp-card-back {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			-webkit-transition: all 400ms linear;
			-moz-transition: all 400ms linear;
			transition: all 400ms linear;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			border-radius: 10px;
			background: #DDD;
		}

		.jp-card .jp-card-front:before,
		.jp-card .jp-card-back:before {
			content: " ";
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			opacity: 0;
			border-radius: 10px;
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			transition: all 400ms ease;
		}

		.jp-card .jp-card-front:after,
		.jp-card .jp-card-back:after {
			content: " ";
			display: block;
		}

		.jp-card .jp-card-front .jp-card-display,
		.jp-card .jp-card-back .jp-card-display {
			color: white;
			font-weight: normal;
			opacity: 0.5;
			-webkit-transition: opacity 400ms linear;
			-moz-transition: opacity 400ms linear;
			transition: opacity 400ms linear;
		}

		.jp-card .jp-card-front .jp-card-display.jp-card-focused,
		.jp-card .jp-card-back .jp-card-display.jp-card-focused {
			opacity: 1;
			font-weight: 700;
		}

		.jp-card .jp-card-front .jp-card-cvc,
		.jp-card .jp-card-back .jp-card-cvc {
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			font-size: 14px;
		}

		.jp-card .jp-card-front .jp-card-shiny,
		.jp-card .jp-card-back .jp-card-shiny {
			width: 50px;
			height: 35px;
			border-radius: 5px;
			background: #CCC;
			position: relative;
		}

		.jp-card .jp-card-front .jp-card-shiny:before,
		.jp-card .jp-card-back .jp-card-shiny:before {
			content: " ";
			display: block;
			width: 70%;
			height: 60%;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			background: #d9d9d9;
			position: absolute;
			top: 20%;
		}

		.jp-card .jp-card-front .jp-card-logo {
			position: absolute;
			opacity: 0;
			right: 5%;
			top: 8%;
			-webkit-transition: 400ms;
			-moz-transition: 400ms;
			transition: 400ms;
		}

		.jp-card .jp-card-front .jp-card-lower {
			width: 80%;
			position: absolute;
			left: 10%;
			bottom: 30px;
		}

		@media only screen and (max-width: 480px) {
			.jp-card .jp-card-front .jp-card-lower {
				width: 90%;
				left: 5%;
			}
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
			visibility: hidden;
			float: right;
			position: relative;
			bottom: 5px;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-number {
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			font-size: 24px;
			clear: both;
			margin-bottom: 30px;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			letter-spacing: 0em;
			position: relative;
			float: right;
			width: 25%;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before,
		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 7px;
			white-space: pre;
			display: block;
			opacity: .5;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
			content: attr(data-before);
			margin-bottom: 2px;
			font-size: 7px;
			text-transform: uppercase;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
			position: absolute;
			content: attr(data-after);
			text-align: right;
			right: 100%;
			margin-right: 5px;
			margin-top: 2px;
			bottom: 0;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-name {
			text-transform: uppercase;
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			font-size: 20px;
			max-height: 45px;
			position: absolute;
			bottom: 0;
			width: 190px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: horizontal;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.jp-card .jp-card-back {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.jp-card .jp-card-back .jp-card-bar {
			background-color: #444;
			background-image: -webkit-linear-gradient(#444, #333);
			background-image: linear-gradient(#444, #333);
			width: 100%;
			height: 20%;
			position: absolute;
			top: 10%;
		}

		.jp-card .jp-card-back:after {
			content: " ";
			display: block;
			background-color: #FFF;
			background-image: -webkit-linear-gradient(#FFF, #FFF);
			background-image: linear-gradient(#FFF, #FFF);
			width: 80%;
			height: 16%;
			position: absolute;
			top: 40%;
			left: 2%;
		}

		.jp-card .jp-card-back .jp-card-cvc {
			position: absolute;
			top: 40%;
			left: 85%;
			-webkit-transition-delay: 600ms;
			-moz-transition-delay: 600ms;
			transition-delay: 600ms;
		}

		.jp-card .jp-card-back .jp-card-shiny {
			position: absolute;
			top: 66%;
			left: 2%;
		}

		.jp-card .jp-card-back .jp-card-shiny:after {
			content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A  For support issues, please visit: github.com/jessepollak/card.";
			position: absolute;
			left: 120%;
			top: 5%;
			color: white;
			font-size: 7px;
			width: 230px;
			opacity: .5;
		}

		.jp-card.jp-card-identified {
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		}

		.jp-card.jp-card-identified .jp-card-front,
		.jp-card.jp-card-identified .jp-card-back {
			background-color: #000;
			background-color: rgba(0, 0, 0, 0.5);
		}

		.jp-card.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-identified .jp-card-back:before {
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			transition: all 400ms ease;
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			opacity: 1;
		}

		.jp-card.jp-card-identified .jp-card-front .jp-card-logo,
		.jp-card.jp-card-identified .jp-card-back .jp-card-logo {
			box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
		}

		.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before,
		.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
		}
	</style>
	<script src="./03-1-1我的任务-团队作业_files/bootstrap-datetimepicker.js.下载"></script>
	<script src="./03-1-1我的任务-团队作业_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
	<script src="./03-1-1我的任务-团队作业_files/select2.min.js.下载"></script>
	<script src="./03-1-1我的任务-团队作业_files/toastr.js.下载"></script>
	<script src="./03-1-1我的任务-团队作业_files/cbvm.app.js.下载"></script>
</head>

<body class="skin-default fixed-menu" style="min-height: 638px; padding-top: 51px;">
	<div class="preloader" style="display: none;">
		<div class="loader_img">
			<img src="./03-1-1我的任务-团队作业_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;">
		</div>
	</div>
	<!-- header logo: style can be found in header-->
	<header class="header">
		<nav class="navbar navbar-fixed-top" role="navigation">
			<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#" class="logo">
				<!-- Add the class icon to your logo image or logo icon to add the margining -->
				<h3 style="margin-top: 10px; color: #fff;">一体化教学管理平台</h3>
			</a>
			<!-- Header Navbar: style can be found in header-->
			<!-- Sidebar toggle button-->
			<!-- Sidebar toggle button-->
			<div>
				<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#" class="navbar-btn sidebar-toggle"
				 data-toggle="offcanvas" role="button">
					<i class="fa fa-fw ti-menu"></i>
				</a>
			</div>
			<div class="navbar-right">
				<ul class="nav navbar-nav">

					<!--rightside toggle-->
					<!-- User Account: style can be found in dropdown-->
					<li class="dropdown user user-menu">
						<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#" class="dropdown-toggle padding-user"
						 data-toggle="dropdown" title="用户名: 18050602998">
							<div class="riot">
								<div>
									欢迎, 沈臻楠 学员
									<span>
										<i class="caret"></i>
									</span>
								</div>
							</div>
						</a>
						<ul class="dropdown-menu">
							<!-- User image -->
							<li class="user-header" style="height: 48px;">
								<p> 沈臻楠</p>
							</li>
							<!-- Menu Body -->
							<li class="p-t-3">
								<a href="http://110.88.128.142:8081/user/detail">
									<i class="fa fa-fw ti-user"></i> 我的基本信息
								</a>
							</li>
							<li role="presentation" class="divider"></li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="http://110.88.128.142:8081/changepassword">
										<i class="fa fa-fw ti-lock"></i> 修改密码
									</a>
								</div>
								<div class="pull-right">
									<a href="http://110.88.128.142:8081/logout">
										<i class="fa fa-fw ti-shift-right"></i> 退出
									</a>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
	</header>
	<div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 637px;">
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="left-side sidebar-offcanvas" style="min-height: 638px;">
			<!-- sidebar: style can be found in sidebar-->
			<section class="sidebar affix">
				<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100vh;">
					<div class="left_slim" style="overflow: hidden; width: auto; height: 100vh;">
						<div id="menu" class="menu_align" role="navigation">
							<div class="nav_profile">
								<div class="media profile-left">
									<a class="pull-left profile-thumb" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#">
										<h4>
											<strong>一体化教学管理平台</strong>
										</h4>
										<i style="padding-left: 60px; color: #00adee;">学员管理后台-课程面板</i>
									</a>
								</div>
							</div>
							<ul class="navigation">
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/user/detail">
										<i class="menu-icon ti-user"></i>
										<span>用户明细</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course/mycourses">
										<i class="menu-icon ti-desktop"></i>
										<span>我的主菜单</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/dashboard">
										<i class="menu-icon ti-dashboard"></i>
										<span>我的课程面板</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/course/author">
										<i class="menu-icon glyphicon glyphicon-tower"></i>
										<span>开课人简介</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#">
										<i class="menu-icon glyphicon glyphicon-book"></i>
										<span>课程信息</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/course/detail">
												<i class="menu-icon glyphicon glyphicon-briefcase"></i>
												<span class="mm-text ">课程基本信息</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursedocumenttemplate/view">
												<i class="menu-icon glyphicon glyphicon-bullhorn"></i>
												<span class="mm-text ">文件模版列表</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#">
										<i class="menu-icon glyphicon glyphicon-globe"></i>
										<span>智能分组管理</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/course/myteam">
												<i class="menu-icon glyphicon glyphicon-asterisk"></i>
												<span class="mm-text ">我的团队信息</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/examine">
												<i class="menu-icon glyphicon glyphicon-eye-open"></i>
												<span class="mm-text ">智能分组测试</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/examine/team">
												<i class="menu-icon glyphicon glyphicon-barcode"></i>
												<span class="mm-text ">智能分组结果</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown active">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#">
										<i class="menu-icon glyphicon glyphicon-indent-left"></i>
										<span>待我完成事项</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse in">
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetask/team">
												<i class="menu-icon glyphicon glyphicon-send"></i>
												<span class="mm-text ">课程任务计划</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask">
												<i class="menu-icon glyphicon glyphicon-text-width"></i>
												<span class="mm-text ">团队成员任务分配</span>
											</a>
										</li>
										<li class="active">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask">
												<i class="menu-icon glyphicon glyphicon-stats"></i>
												<span class="mm-text ">我的团队任务</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual">
												<i class="menu-icon glyphicon glyphicon-stats"></i>
												<span class="mm-text ">我的课程任务</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/contributed">
												<i class="menu-icon glyphicon glyphicon-indent-left"></i>
												<span class="mm-text ">我的团队贡献率</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursereview/myreview">
												<i class="menu-icon glyphicon glyphicon-leaf"></i>
												<span class="mm-text ">团队互评任务</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask#">
										<i class="menu-icon glyphicon glyphicon-magnet"></i>
										<span>课程成绩</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursescore/team">
												<i class="menu-icon glyphicon glyphicon-list-alt"></i>
												<span class="mm-text ">团队综合成绩</span>
											</a>
										</li>
										<li class="">
											<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursescore/student">
												<i class="menu-icon glyphicon glyphicon-th-list"></i>
												<span class="mm-text ">学员综合成绩</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursemark">
										<i class="menu-icon glyphicon glyphicon-flag"></i>
										<span>我的签到</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursemessage">
										<i class="menu-icon glyphicon glyphicon-envelope"></i>
										<span>课程通知/公告</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/changepassword">
										<i class="menu-icon ti-key"></i>
										<span>密码管理</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://110.88.128.142:8081/logout">
										<i class="menu-icon ti-shift-right"></i>
										<span>退出</span>
									</a>
								</li>
							</ul>

							<!-- / .navigation -->
						</div>
						<!-- menu -->
					</div>
					<div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 5px; position: absolute; top: 0px; opacity: 0.2; display: block; border-radius: 0px; z-index: 99; right: 1px; height: 361.657px;"></div>
					<div class="slimScrollRail" style="width: 5px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
				</div>
			</section>
			<!-- /.sidebar -->
		</aside>
		<aside class="right-side fixednav_right" style="margin-top: -18px;">
			<section class="content-header">
				<!--<h1>
        				我的任务列表
    				</h1>-->
				<!--<ol class="breadcrumb">
						<li>
							<a href="http://110.88.128.142:8081/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							我的任务列表
						</li>
					</ol>-->
				<ul class="nav nav-tabs nav-ul">
					<li class="active">
						<a class="teamtask-a" href="#teamwork-03-1-1" data-toggle="tab">
							<span class="mm-text teamtask-span">团队作业</span>
						</a>
					</li>
					<li class="coursetask-li">
						<a class="coursetask-a" href="#" data-toggle="tab">
							<span class="mm-text coursetask-span">我的作业</span>
						</a>
					</li>
				</ul>
			</section>
			<section class="content">
				<!-- second table start -->
				<div class="row tab-pane fade in active" id="teamwork-03-1-1">
					<div class="col-lg-12">
						<!--<div class="panel ">
								<div class="panel-heading clearfix">
									<h3 class="panel-title pull-left m-t-6">
                        			<i class="glyphicon glyphicon-stats"></i> 
                        			我的任务列表
                    				</h3>
								</div>-->
						<div class="panel-body condition-filter" style="background: #FFFFFF!important;">
							<form method="get">
								<div id="example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
									<div class="fixed-table-toolbar filter-container" style="border-bottom: none!important;">
										<div class="row">
											<!--设置总占比为col-sm-10-->
											<div class="col-sm-10">
												<div class="col-sm-4  field-block" style="margin-left: -20px;">
													<label class="col-sm-5 field-label" style="margin-left: -22px;">作业名:</label>
													<div class="col-sm-7 field-item">
														<input type="text" name="name" class="form-control" value="">
													</div>
												</div>
												<!--将开始时间改为所属课程-->
												<div class="col-sm-4 field-block" style="margin-left: -20px!important;">
													<label class="col-sm-5 field-label" style="margin-left: -22px;">所属课程:</label>
													<div class="col-sm-7 field-item">
														<div class="col-sm-12 field-item">
															<select id="suoshukecheng" class="form-control">
																<option>课程名称0</option>
																<option>课程名称1</option>
																<option>课程名称2</option>
																<option>课程名称3sadd</option>
																<option>课程名称4</option>
																<option>课程名称5</option>
																<option>课程名称6</option>
															</select>
														</div>
													</div>
												</div>
												<!--<div class="col-sm-3 field-block">
														<label class="col-sm-4 field-label">名称</label>
														<div class="col-sm-8 field-item">
															<input type="text" name="name" class="form-control" value="">
														</div>
													</div>-->
												<!--<div class="col-sm-4 field-block">
														<label class="col-sm-4 field-label">开始时间</label>
														<div class="col-sm-8 field-item">
															<div class="input-group date form_date" data-date="">
																<input class="form-control" name="startdate" type="text" value="">
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
															</div>
														</div>
													</div>-->
												<!--<div class="col-sm-4 field-block">
														<label class="col-sm-4 field-label">结束时间</label>
														<div class="col-sm-8 field-item">
															<div class="input-group date form_date" data-date="">
																<input class="form-control" name="enddate" type="text" value="">
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
															</div>
														</div>
													</div>
												</div>
											</div>-->
												<div class="col-sm-4 field-block" style="margin-left: -20px!important;">
													<label class="col-sm-5 field-label" style="margin-left: -22px;">截止时间:</label>
													<div class="col-sm-7 field-item">
														<div class="input-group date form_date" data-date="">
															<input class="form-control" name="enddate" type="text" value="">
															<span class="input-group-addon">
																<span class="glyphicon glyphicon-calendar"></span>
															</span>
														</div>
													</div>
												</div>
											</div>
											<div class="col-sm-2">
												<div class="pull-right">
													<button type="submit" class="btn btn-danger btn-sm" style="background-color: #009688; color: white;border: #009688 1px solid;">搜索</button>
													<button type="reset" class="btn btn-info btn-sm" style="background-color:#ffffff;color: #666666;border: #D9D9D9 1px solid;">重置</button>
												</div>
											</div>
										</div>
									</div>
									<!--<div class="fixed-table-toolbar filter-action">
												<div class="row">
													<div class="col-sm-4">
													</div>
													<div class="col-sm-4">
													</div>
													<div class="col-sm-4">
														<div class="pull-right">
															<button type="submit" class="btn btn-danger btn-sm">搜索</button>
															<button type="reset" class="btn btn-info btn-sm">重置</button>
														</div>
													</div>
												</div>
											</div>-->
									<div class="row">
										<div class="col-sm-12">
											<table class="table table-striped table-bordered dataTable no-footer table-03-1-1" id="example" role="grid" aria-describedby="example_info">
												<thead>
													<tr>
														<!--#改为序号,将宽度把原来的20px改为40px-->
														<th class="th-03-1-1" style="width: 40px;text-align: center;font: '微软雅黑' 14px #666666!important;font-weight: normal!important;"
														 data-field="0" tabindex="0">
															<div class="th-inner ">序号</div>
															<div class="fht-cell"></div>
														</th>
														<!--<th style="" data-field="1" tabindex="0">
																	<div class="th-inner ">名称</div>
																	<div class="fht-cell"></div>
																</th>-->
														<!--将名称改为作业名-->
														<th style="width: 100px;font: '微软雅黑' 14px #4b4b4b!important;font-weight: normal!important;" data-field="1" tabindex="0">
															<div class="th-inner ">作业名</div>
															<div class="fht-cell"></div>
														</th>
														<!--表格表头添加所属课程-->
														<th class="th-03-1-1" data-field="1" tabindex="0">
															<div class="th-inner ">所属课程</div>
															<div class="fht-cell"></div>
														</th>
														<!--表格表头添加描述-->
														<th style="width: 100px;font: '微软雅黑' 14px #4b4b4b!important;font-weight: normal!important;" data-field="1" tabindex="0">
															<div class="th-inner ">描述</div>
															<div class="fht-cell"></div>
														</th>
														<!--<th style="width: 100px;" data-field="2" tabindex="0">
																	<div class="th-inner ">开始时间</div>
																	<div class="fht-cell"></div>
																</th>
																<th style="width: 100px;" data-field="2" tabindex="0">
																	<div class="th-inner ">结束时间</div>
																	<div class="fht-cell"></div>
																</th>-->
														<!--将结束时间改为截止时间-->
														<th class="th-03-1-1" style="width: 100px;" data-field="2" tabindex="0">
															<div class="th-inner ">截止时间</div>
															<div class="fht-cell"></div>
														</th>
														<th class="th-03-1-1" style="width: 160px;" data-field="2" tabindex="0">
															<div class="th-inner ">创建时间</div>
															<div class="fht-cell"></div>
														</th>
														<!--表格表头添加完成情况-->
														<th class="th-03-1-1" style="width: 160px;" data-field="2" tabindex="0">
															<div class="th-inner ">完成情况</div>
															<div class="fht-cell"></div>
														</th>
														<!--将最后一个表头改名为“操作”-->
														<th class="th-03-1-1" style="width: 96px;">
															<div class="th-inner ">操作</div>
														</th>
													</tr>
												</thead>
												<tbody>
													<tr data-index="7">
														<td class="td-03-1-1">1</td>
														<td>gh</td>
														<td class="td-03-1-1">导论作业</td>
														<td>按时提交</td>
														<td class="td-03-1-1">2018-01-27</td>
														<!--														<td>2018-01-26</td>-->
														<td class="td-03-1-1">2018-01-14 11:07:40</td>
														<td class="td-03-1-1">
															<img class="img-fail-03-1-1" src="img/fail.png" />未提交</td>
														<td class="td-03-1-1">
															<!--将提交相关文档改为提交-->
															<a style="color:#55b9b0!important;" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/uploadsoluation/45">
																提交
															</a>
														</td>
													</tr>
													<tr data-index="7">
														<td class="td-03-1-1">2</td>
														<td>调查</td>
														<td class="td-03-1-1">导论作业</td>
														<td>按时提交</td>
														<td class="td-03-1-1">2018-01-09</td>
														<!--<td>2018-01-17</td>-->
														<td class="td-03-1-1">2018-01-30 19:34:59</td>
														<td class="td-03-1-1">
															<img class="img-success-03-1-1" src="img/success.png" />已提交</td>
														<td class="td-03-1-1">
															<!--将提交相关文档改为提交-->
															<a style="color:#55b9b0!important;" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/uploadsoluation/48">
																提交
															</a>
														</td>
													</tr>
													<tr data-index="7">
														<td class="td-03-1-1">3</td>
														<td>算法</td>
														<td class="td-03-1-1">导论作业</td>
														<td>按时提交</td>
														<td class="td-03-1-1">2018-03-15</td>
														<!--<td>2018-03-15</td>-->
														<td class="td-03-1-1">2018-03-15 16:13:34</td>
														<td class="td-03-1-1">
															<img class="img-fail-03-1-1" src="img/fail.png" />未提交</td>
														<td class="td-03-1-1">
															<!--将提交相关文档改为提交-->
															<a style="color:#55b9b0!important;" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/uploadsoluation/53">
																提交
															</a>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="row">
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
	</div>
	<!-- second table end -->
	<!--我的任务面板-->

	</section>
	<!--<div class="fixed-table-loading" style="top: 42px;" style="display: none;">加载中, 请耐心等待...</div>-->
	</aside>

	<!-- /.right-side -->
	</div>

	<!-- ./wrapper -->

	<script type="text/javascript" src="./03-1-1我的任务-团队作业_files/pnotify.custom.min.js.下载"></script>

	<!-- end of page level js -->

	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->
	<script type="application/javascript">
		$(function () {
			$("ul.navigation li a[href='/courseteamtask']").parent("li").addClass("active");
		})
	</script>

	<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 711.516px; z-index: 100011;">
		<div class="datetimepicker-minutes" style="display: none;">
			<table class=" table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">19 三月 2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="minute active">17:00</span>
							<span class="minute">17:05</span>
							<span class="minute">17:10</span>
							<span class="minute">17:15</span>
							<span class="minute">17:20</span>
							<span class="minute">17:25</span>
							<span class="minute">17:30</span>
							<span class="minute">17:35</span>
							<span class="minute">17:40</span>
							<span class="minute">17:45</span>
							<span class="minute">17:50</span>
							<span class="minute">17:55</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-hours" style="display: none;">
			<table class=" table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">19 三月 2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="hour">0:00</span>
							<span class="hour">1:00</span>
							<span class="hour">2:00</span>
							<span class="hour">3:00</span>
							<span class="hour">4:00</span>
							<span class="hour">5:00</span>
							<span class="hour">6:00</span>
							<span class="hour">7:00</span>
							<span class="hour">8:00</span>
							<span class="hour">9:00</span>
							<span class="hour">10:00</span>
							<span class="hour">11:00</span>
							<span class="hour">12:00</span>
							<span class="hour">13:00</span>
							<span class="hour">14:00</span>
							<span class="hour">15:00</span>
							<span class="hour">16:00</span>
							<span class="hour active">17:00</span>
							<span class="hour">18:00</span>
							<span class="hour">19:00</span>
							<span class="hour">20:00</span>
							<span class="hour">21:00</span>
							<span class="hour">22:00</span>
							<span class="hour">23:00</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-days" style="display: block;">
			<table class=" table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">三月 2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
					<tr>
						<th class="dow">一</th>
						<th class="dow">二</th>
						<th class="dow">三</th>
						<th class="dow">四</th>
						<th class="dow">五</th>
						<th class="dow">六</th>
						<th class="dow">日</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="day old">26</td>
						<td class="day old">27</td>
						<td class="day old">28</td>
						<td class="day">1</td>
						<td class="day">2</td>
						<td class="day">3</td>
						<td class="day">4</td>
					</tr>
					<tr>
						<td class="day">5</td>
						<td class="day">6</td>
						<td class="day">7</td>
						<td class="day">8</td>
						<td class="day">9</td>
						<td class="day">10</td>
						<td class="day">11</td>
					</tr>
					<tr>
						<td class="day">12</td>
						<td class="day">13</td>
						<td class="day">14</td>
						<td class="day">15</td>
						<td class="day">16</td>
						<td class="day">17</td>
						<td class="day">18</td>
					</tr>
					<tr>
						<td class="day today active">19</td>
						<td class="day">20</td>
						<td class="day">21</td>
						<td class="day">22</td>
						<td class="day">23</td>
						<td class="day">24</td>
						<td class="day">25</td>
					</tr>
					<tr>
						<td class="day">26</td>
						<td class="day">27</td>
						<td class="day">28</td>
						<td class="day">29</td>
						<td class="day">30</td>
						<td class="day">31</td>
						<td class="day new">1</td>
					</tr>
					<tr>
						<td class="day new">2</td>
						<td class="day new">3</td>
						<td class="day new">4</td>
						<td class="day new">5</td>
						<td class="day new">6</td>
						<td class="day new">7</td>
						<td class="day new">8</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-months" style="display: none;">
			<table class="table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="month">一月</span>
							<span class="month">二月</span>
							<span class="month active">三月</span>
							<span class="month">四月</span>
							<span class="month">五月</span>
							<span class="month">六月</span>
							<span class="month">七月</span>
							<span class="month">八月</span>
							<span class="month">九月</span>
							<span class="month">十月</span>
							<span class="month">十一月</span>
							<span class="month">十二月</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-years" style="display: none;">
			<table class="table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">2010-2019</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="year ">2009</span>
							<span class="year">2010</span>
							<span class="year">2011</span>
							<span class="year">2012</span>
							<span class="year">2013</span>
							<span class="year">2014</span>
							<span class="year">2015</span>
							<span class="year">2016</span>
							<span class="year">2017</span>
							<span class="year active">2018</span>
							<span class="year">2019</span>
							<span class="year ">2020</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
	<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 1073.84px; z-index: 100021;">
		<div class="datetimepicker-minutes" style="display: none;">
			<table class=" table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">19 三月 2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="minute active">17:00</span>
							<span class="minute">17:05</span>
							<span class="minute">17:10</span>
							<span class="minute">17:15</span>
							<span class="minute">17:20</span>
							<span class="minute">17:25</span>
							<span class="minute">17:30</span>
							<span class="minute">17:35</span>
							<span class="minute">17:40</span>
							<span class="minute">17:45</span>
							<span class="minute">17:50</span>
							<span class="minute">17:55</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-hours" style="display: none;">
			<table class=" table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">19 三月 2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="hour">0:00</span>
							<span class="hour">1:00</span>
							<span class="hour">2:00</span>
							<span class="hour">3:00</span>
							<span class="hour">4:00</span>
							<span class="hour">5:00</span>
							<span class="hour">6:00</span>
							<span class="hour">7:00</span>
							<span class="hour">8:00</span>
							<span class="hour">9:00</span>
							<span class="hour">10:00</span>
							<span class="hour">11:00</span>
							<span class="hour">12:00</span>
							<span class="hour">13:00</span>
							<span class="hour">14:00</span>
							<span class="hour">15:00</span>
							<span class="hour">16:00</span>
							<span class="hour active">17:00</span>
							<span class="hour">18:00</span>
							<span class="hour">19:00</span>
							<span class="hour">20:00</span>
							<span class="hour">21:00</span>
							<span class="hour">22:00</span>
							<span class="hour">23:00</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-days" style="display: block;">
			<table class=" table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">三月 2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
					<tr>
						<th class="dow">一</th>
						<th class="dow">二</th>
						<th class="dow">三</th>
						<th class="dow">四</th>
						<th class="dow">五</th>
						<th class="dow">六</th>
						<th class="dow">日</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="day old">26</td>
						<td class="day old">27</td>
						<td class="day old">28</td>
						<td class="day">1</td>
						<td class="day">2</td>
						<td class="day">3</td>
						<td class="day">4</td>
					</tr>
					<tr>
						<td class="day">5</td>
						<td class="day">6</td>
						<td class="day">7</td>
						<td class="day">8</td>
						<td class="day">9</td>
						<td class="day">10</td>
						<td class="day">11</td>
					</tr>
					<tr>
						<td class="day">12</td>
						<td class="day">13</td>
						<td class="day">14</td>
						<td class="day">15</td>
						<td class="day">16</td>
						<td class="day">17</td>
						<td class="day">18</td>
					</tr>
					<tr>
						<td class="day today active">19</td>
						<td class="day">20</td>
						<td class="day">21</td>
						<td class="day">22</td>
						<td class="day">23</td>
						<td class="day">24</td>
						<td class="day">25</td>
					</tr>
					<tr>
						<td class="day">26</td>
						<td class="day">27</td>
						<td class="day">28</td>
						<td class="day">29</td>
						<td class="day">30</td>
						<td class="day">31</td>
						<td class="day new">1</td>
					</tr>
					<tr>
						<td class="day new">2</td>
						<td class="day new">3</td>
						<td class="day new">4</td>
						<td class="day new">5</td>
						<td class="day new">6</td>
						<td class="day new">7</td>
						<td class="day new">8</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-months" style="display: none;">
			<table class="table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">2018</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="month">一月</span>
							<span class="month">二月</span>
							<span class="month active">三月</span>
							<span class="month">四月</span>
							<span class="month">五月</span>
							<span class="month">六月</span>
							<span class="month">七月</span>
							<span class="month">八月</span>
							<span class="month">九月</span>
							<span class="month">十月</span>
							<span class="month">十一月</span>
							<span class="month">十二月</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-years" style="display: none;">
			<table class="table-condensed">
				<thead>
					<tr>
						<th class="prev" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-left"></span>
						</th>
						<th colspan="5" class="switch">2010-2019</th>
						<th class="next" style="visibility: visible;">
							<span class="glyphicon glyphicon-arrow-right"></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7">
							<span class="year ">2009</span>
							<span class="year">2010</span>
							<span class="year">2011</span>
							<span class="year">2012</span>
							<span class="year">2013</span>
							<span class="year">2014</span>
							<span class="year">2015</span>
							<span class="year">2016</span>
							<span class="year">2017</span>
							<span class="year active">2018</span>
							<span class="year">2019</span>
							<span class="year ">2020</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7" class="today">今天</th>
					</tr>
					<tr>
						<th colspan="7" class="clear" style="display: none;">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
	<div class="swal2-container">
		<div class="swal2-modal" style="display: none" tabindex="-1">
			<ul class="swal2-progresssteps"></ul>
			<div class="swal2-icon swal2-error">
				<span class="x-mark">
					<span class="line left"></span>
					<span class="line right"></span>
				</span>
			</div>
			<div class="swal2-icon swal2-question">?</div>
			<div class="swal2-icon swal2-warning">!</div>
			<div class="swal2-icon swal2-info">i</div>
			<div class="swal2-icon swal2-success">
				<span class="line tip"></span>
				<span class="line long"></span>
				<div class="placeholder"></div>
				<div class="fix"></div>
			</div>
			<img class="swal2-image">
			<h2></h2>
			<div class="swal2-content"></div>
			<input class="swal2-input">
			<input type="file" class="swal2-file">
			<div class="swal2-range">
				<output></output>
				<input type="range">
			</div>
			<select class="swal2-select"></select>
			<div class="swal2-radio"></div>
			<label for="swal2-checkbox" class="swal2-checkbox">
				<input type="checkbox">
			</label>
			<textarea class="swal2-textarea"></textarea>
			<div class="swal2-validationerror"></div>
			<hr class="swal2-spacer">
			<button type="button" class="swal2-confirm">OK</button>
			<button type="button" class="swal2-cancel">Cancel</button>
			<span class="swal2-close">×</span>
		</div>
	</div>
</body>

</html>